﻿<!DOCTYPE html>
<html>
  <head>
    <title>设计说明</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/设计说明/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/设计说明/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u868" class="ax_default _一级标题">
        <div id="u868_div" class=""></div>
        <div id="u868_text" class="text ">
          <p><span>产品框架</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u869" class="ax_default flow_shape">
        <div id="u869_div" class=""></div>
        <div id="u869_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u870" class="ax_default flow_shape">
        <div id="u870_div" class=""></div>
        <div id="u870_text" class="text ">
          <p><span>商城</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u871" class="ax_default flow_shape">
        <div id="u871_div" class=""></div>
        <div id="u871_text" class="text ">
          <p><span>社区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u872" class="ax_default flow_shape">
        <div id="u872_div" class=""></div>
        <div id="u872_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u873" class="ax_default flow_shape">
        <img id="u873_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u873_text" class="text ">
          <p><span>健康打卡</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u874" class="ax_default flow_shape">
        <img id="u874_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u874_text" class="text ">
          <p><span>饮食推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u875" class="ax_default flow_shape">
        <img id="u875_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u875_text" class="text ">
          <p><span>体重记录</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u876" class="ax_default flow_shape">
        <img id="u876_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u876_text" class="text ">
          <p><span>搜索</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u877" class="ax_default flow_shape">
        <img id="u877_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u877_text" class="text ">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u878" class="ax_default flow_shape">
        <img id="u878_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u878_text" class="text ">
          <p><span>减重目标程度</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u879" class="ax_default flow_shape">
        <img id="u879_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u879_text" class="text ">
          <p><span>扫一扫</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u880" class="ax_default flow_shape">
        <img id="u880_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u880_text" class="text ">
          <p><span>轻零食</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u881" class="ax_default flow_shape">
        <img id="u881_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u881_text" class="text ">
          <p><span>高蛋白</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u882" class="ax_default flow_shape">
        <img id="u882_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u882_text" class="text ">
          <p><span>低脂肪</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u883" class="ax_default flow_shape">
        <img id="u883_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u883_text" class="text ">
          <p><span>饮品</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u884" class="ax_default flow_shape">
        <img id="u884_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u884_text" class="text ">
          <p><span>保健品</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u885" class="ax_default flow_shape">
        <img id="u885_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u885_text" class="text ">
          <p><span>团购</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u886" class="ax_default flow_shape">
        <img id="u886_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u886_text" class="text ">
          <p><span>限时抢购</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u887" class="ax_default flow_shape">
        <img id="u887_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u887_text" class="text ">
          <p><span>搜索</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u888" class="ax_default flow_shape">
        <img id="u888_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u888_text" class="text ">
          <p><span>购物车</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u889" class="ax_default flow_shape">
        <img id="u889_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u889_text" class="text ">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u890" class="ax_default flow_shape">
        <img id="u890_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u890_text" class="text ">
          <p><span>添加动态/文章</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u891" class="ax_default flow_shape">
        <img id="u891_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u891_text" class="text ">
          <p><span>卡卡圈</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u892" class="ax_default flow_shape">
        <img id="u892_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u892_text" class="text ">
          <p><span>发现</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u893" class="ax_default flow_shape">
        <img id="u893_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u893_text" class="text ">
          <p><span>搜索</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u894" class="ax_default flow_shape">
        <img id="u894_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u894_text" class="text ">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u895" class="ax_default flow_shape">
        <img id="u895_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u895_text" class="text ">
          <p><span>个人资料</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u896" class="ax_default flow_shape">
        <img id="u896_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u896_text" class="text ">
          <p><span>关注</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u897" class="ax_default flow_shape">
        <img id="u897_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u897_text" class="text ">
          <p><span>粉丝</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u898" class="ax_default flow_shape">
        <img id="u898_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u898_text" class="text ">
          <p><span>动态</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u899" class="ax_default flow_shape">
        <img id="u899_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u899_text" class="text ">
          <p><span>文章</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u900" class="ax_default flow_shape">
        <img id="u900_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u900_text" class="text ">
          <p><span>订单</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u901" class="ax_default flow_shape">
        <img id="u901_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u901_text" class="text ">
          <p><span>购物车</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u902" class="ax_default flow_shape">
        <img id="u902_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u902_text" class="text ">
          <p><span>优惠券</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u903" class="ax_default flow_shape">
        <img id="u903_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u903_text" class="text ">
          <p><span>收藏</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u904" class="ax_default flow_shape">
        <img id="u904_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u904_text" class="text ">
          <p><span>收货地址</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u905" class="ax_default flow_shape">
        <img id="u905_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u905_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (括弧) -->
      <div id="u906" class="ax_default flow_shape">
        <img id="u906_img" class="img " src="images/设计说明/u873.png"/>
        <div id="u906_text" class="text ">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u907" class="ax_default _连接线">
        <img id="u907_seg0" class="img " src="images/原型/u733_seg3.png" alt="u907_seg0"/>
        <img id="u907_seg1" class="img " src="images/设计说明/u907_seg1.png" alt="u907_seg1"/>
        <img id="u907_seg2" class="img " src="images/设计说明/u907_seg2.png" alt="u907_seg2"/>
        <div id="u907_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u908" class="ax_default _连接线">
        <img id="u908_seg0" class="img " src="images/原型/u733_seg3.png" alt="u908_seg0"/>
        <img id="u908_seg1" class="img " src="images/设计说明/u908_seg1.png" alt="u908_seg1"/>
        <img id="u908_seg2" class="img " src="images/设计说明/u907_seg2.png" alt="u908_seg2"/>
        <div id="u908_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u909" class="ax_default _连接线">
        <img id="u909_seg0" class="img " src="images/设计说明/u909_seg0.png" alt="u909_seg0"/>
        <img id="u909_seg1" class="img " src="images/设计说明/u909_seg1.png" alt="u909_seg1"/>
        <img id="u909_seg2" class="img " src="images/设计说明/u909_seg2.png" alt="u909_seg2"/>
        <div id="u909_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u910" class="ax_default _连接线">
        <img id="u910_seg0" class="img " src="images/设计说明/u909_seg0.png" alt="u910_seg0"/>
        <img id="u910_seg1" class="img " src="images/设计说明/u910_seg1.png" alt="u910_seg1"/>
        <img id="u910_seg2" class="img " src="images/设计说明/u909_seg2.png" alt="u910_seg2"/>
        <div id="u910_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u911" class="ax_default _连接线">
        <img id="u911_seg0" class="img " src="images/设计说明/u911_seg0.png" alt="u911_seg0"/>
        <div id="u911_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u912" class="ax_default _连接线">
        <img id="u912_seg0" class="img " src="images/设计说明/u911_seg0.png" alt="u912_seg0"/>
        <div id="u912_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u913" class="ax_default _连接线">
        <img id="u913_seg0" class="img " src="images/设计说明/u911_seg0.png" alt="u913_seg0"/>
        <div id="u913_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u914" class="ax_default _连接线">
        <img id="u914_seg0" class="img " src="images/设计说明/u911_seg0.png" alt="u914_seg0"/>
        <div id="u914_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u915" class="ax_default _一级标题">
        <div id="u915_div" class=""></div>
        <div id="u915_text" class="text ">
          <p><span>产品首屏要展示的内容</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u916" class="ax_default arrow">
        <img id="u916_img" class="img " src="images/设计说明/u916.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u917" class="ax_default arrow">
        <img id="u917_img" class="img " src="images/设计说明/u917.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u918" class="ax_default _三级标题">
        <div id="u918_div" class=""></div>
        <div id="u918_text" class="text ">
          <p><span>必须重要的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u919" class="ax_default _三级标题">
        <div id="u919_div" class=""></div>
        <div id="u919_text" class="text ">
          <p><span>重要不必须的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u920" class="ax_default _三级标题">
        <div id="u920_div" class=""></div>
        <div id="u920_text" class="text ">
          <p><span>必须不重要的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u921" class="ax_default _三级标题">
        <div id="u921_div" class=""></div>
        <div id="u921_text" class="text ">
          <p><span>不必须不重要的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u922" class="ax_default label">
        <div id="u922_div" class=""></div>
        <div id="u922_text" class="text ">
          <p><span>搜索框</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u923" class="ax_default label">
        <div id="u923_div" class=""></div>
        <div id="u923_text" class="text ">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u924" class="ax_default label">
        <div id="u924_div" class=""></div>
        <div id="u924_text" class="text ">
          <p><span>轮播图</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u925" class="ax_default label">
        <div id="u925_div" class=""></div>
        <div id="u925_text" class="text ">
          <p><span>目标公斤</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u926" class="ax_default label">
        <div id="u926_div" class=""></div>
        <div id="u926_text" class="text ">
          <p><span>已减去公斤</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u927" class="ax_default label">
        <div id="u927_div" class=""></div>
        <div id="u927_text" class="text ">
          <p><span>初始公斤</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u928" class="ax_default label">
        <div id="u928_div" class=""></div>
        <div id="u928_text" class="text ">
          <p><span>今日份饮食和运动（数据显示）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u929" class="ax_default _文本段落">
        <div id="u929_div" class=""></div>
        <div id="u929_text" class="text ">
          <p><span>今日步数（数据显示）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u930" class="ax_default _文本段落">
        <div id="u930_div" class=""></div>
        <div id="u930_text" class="text ">
          <p><span>健康打卡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u931" class="ax_default _文本段落">
        <div id="u931_div" class=""></div>
        <div id="u931_text" class="text ">
          <p><span>饮食推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u932" class="ax_default _文本段落">
        <div id="u932_div" class=""></div>
        <div id="u932_text" class="text ">
          <p><span>体重记录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u933" class="ax_default _文本段落">
        <div id="u933_div" class=""></div>
        <div id="u933_text" class="text ">
          <p><span>扫一扫</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u934" class="ax_default label">
        <div id="u934_div" class=""></div>
        <div id="u934_text" class="text ">
          <p><span>一级页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u935" class="ax_default label">
        <div id="u935_div" class=""></div>
        <div id="u935_text" class="text ">
          <p><span>二级页面</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
